@charset "utf-8";
/* WarpPortal 2013 CSS */

HTML { overflow: auto; }

BODY { margin: 0; padding: 0; background: #000; }



/* Wrap_Cont*************************/
#Wrap_Cont { width: 100%; margin: 0; padding: 0; position: absolute; background: url(../../images/index2/bg_Default_2014.jpg) center top no-repeat; }


/* Branding Bar Layer*************************/
#Cont_BrandingBar { width: 100%; height: 66px; margin: 0px auto; padding: 0; position: relative; z-index: 10; }


/* Wrap*************************/
#Wrap { width: 100%; margin: 0px auto; padding: 0; position: relative; z-index: 10; overflow:hidden; }

/* Banner Section Layer*************************/
#Cont_Banner { width: 1000px; height: 320px; margin: 0px auto; padding: 0; background:#000; }

/* Contents Section Layer*************************/
#Cont_Contents { width: 1000px; margin: 0px auto; padding: 20px 0 0; overflow: hidden; }

.contents_left { width: 750px; margin: 0; padding: 0; float: left; }	/* Left *************************/
.cont_list { width: 750px; margin: 0; padding: 0; float: left; }
.item { width: 230px; height: 146px; margin: 0 20px 25px 0; padding: 0; float: left;  background:#000; }
.item_banner { width:730px; height:146px; margin:0 0 10px; padding:0; float:left; }
.item_banner_02 { width:355px; height:146px; margin:0 20px 25px 0; padding:0; float:left; }
.item_banner_03 { width:480px; height:147px; margin:0 20px 25px 0; padding:0; float:left; }

.contents_right { width: 240px; margin: 0; padding: 0; float: right; }		/* Right *************************/
.cont_side { width: 240px; margin: 0 0 20px; padding: 0; float: right; }
.subbanner { width: 240px; height: 240px; margin: 0; padding: 0; float: right; }
.item02 { width: 240px; height: 90px; margin: 0 0 10px; padding: 0; float: right; }
.wp_icon { width:50px; height:50px; margin-right:10px; padding: 0; float: left; }
.sn_icon { width:50px; height:50px; margin: 0; padding: 0; float: right; }
.tw_icon { width:50px; height:50px; margin: 0 10px 0 0; padding: 0; float: right; }
.fb-like { width:50px; height:50px; margin: 0; padding: 0; float: left; }

.contents_bottom { width: 1000px; margin: 0px 0 0; padding: 0; float: left; }		/* Bottom *************************/
.cont_notice { width: 750px; margin: 0; padding: 0; float: left; }
.notice { width: 720px; min-height: 42px; margin: 5px 10px 5px; padding: 0; border-bottom: #333 1px solid; }
.notice .title { width: 700px; height: 20px; margin: 0; padding: 0 0 0 12px; font-family: 'Oxygen', sans-serif; font-size: 14px; color: #a1b11d; background:url(../../images/index2/bullet_01.png) 0 40% no-repeat; }
.notice #DataList2_PubDate_0, .notice #DataList2_PubDate_1, .notice #DataList2_PubDate_2 { color:#636363; font-family: 'Oxygen', sans-serif; font-size: 10px; padding: 0 0 0 10px; }
.notice .title a { width: 700px; height: 20px; margin: 0; padding: 0 0 0 2px; font-family: 'Oxygen', sans-serif; font-size: 14px; color: #a1b11d;text-decoration: none;}
.notice .title a:hover {text-decoration:underline}
.notice .title:hover { cursor: pointer; color: #b5c724; }
.notice .detail { width: 680px; margin: 0 10px 0; padding: 0 0 8px; font-family: 'Oxygen', sans-serif; font-size: 13px; color: #8b8b8b; }
.notice .detail SPAN { font-size:12px; }
.notice .detail a { width: 680px; margin: 0 0 0; padding: 0 0 6px; font-family: 'Oxygen', sans-serif; font-size: 13px; color: #8b8b8b;text-decoration:none}
.notice .detail a:hover { cursor: pointer; color: #9c9c9c; }
.notice .btn_more { width: 50px; height: 20px; margin: 0 0 0 10px; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2aa7cb; }
.paging { width: 500px; height: 20px; margin: 10px 0 0 20px; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999; }

.cont_facebook { width: 240px; height: 100px; margin: 40px 0 0; padding: 0; float: right; }


.cont_title { width: 100%; height: 40px; margin: 0 0 2px; padding: 0 0 0 40px; font-family: 'Oxygen', sans-serif; font-size: 18px; color: #b4b4b4; letter-spacing: 2px; line-height: 40px; }
.bg_mobile { background: url(../../images/index2/bg_mobile.png) 0 50% no-repeat; }
.bg_pc { background: url(../../images/index2/bg_pc.png) 0 50% no-repeat; }
.bg_event { background: url(../../images/index2/bg_event.png) 0 50% no-repeat; }
.bg_browser { background: url(../../images/index2/bg_browser.png) 0 50% no-repeat; }
.bg_notice { background: url(../../images/index2/bg_notice.png) 0 50% no-repeat; }


.RAV_banner { width: 355px; height: 146px; display: block; float:left; }
/*.TOA:hover { background: url(../../images/index2/game_toa.jpg) 0 0 no-repeat; }*/
.WBS_banner { width: 355px; height: 146px; display: block; float:left; }
.WBS_banner_big { width: 730px; height: 146px; display: block; float:left; }

.RAV { width: 230px; height: 146px; display: block; float:left; }
/*
.RAV_banner { width: 730px; height: 146px; display: block; float:left; }
/*.TOA:hover { background: url(../../images/index2/game_toa.jpg) 0 0 no-repeat; }*/
.TOA { width: 230px; height: 146px; display: block; float:left; }
/*.TOA:hover { background: url(../../images/index2/game_toa.jpg) 0 0 no-repeat; }*/
.ROVU { width: 230px; height: 146px; display: block; float:left; }
/*.ROVU:hover { background: url(../../images/index2/game_rovu.jpg) 0 0 no-repeat; }*/
.ROV { width: 230px; height: 146px; display: block; float:left; }
/*.ROV:hover { background: url(../../images/index2/game_rov.jpg) 0 0 no-repeat; }*/
.ICPG { width: 230px; height: 146px; display: block; float:left; }
/*.ROV:hover { background: url(../../images/index2/game_rov.jpg) 0 0 no-repeat; }*/
.RO2 { width: 230px; height: 146px; display: block; float:left; }
/*.RO2:hover { background: url(../../images/index2/game_ro2.jpg) 0 0 no-repeat; }*/
.RO1 { width: 230px; height: 146px; display: block; float:left; }
/*.RO1:hover { background: url(../../images/index2/game_ro1.jpg) 0 0 no-repeat; }*/
.DSNA { width: 230px; height: 146px; display: block; float:left; }
/*.DSNA:hover { background: url(../../images/index2/game_dsna.jpg) 0 0 no-repeat; }*/
.REQ { width: 230px; height: 146px; display: block; float:left; }
/*.REQ:hover { background: url(../../images/index2/game_req.jpg) 0 0 no-repeat; }*/
.ROSE { width: 230px; height: 146px; display: block; float:left; }
/*.ROSE:hover { background: url(../../images/index2/game_rose.jpg) 0 0 no-repeat; }*/

.POKER { width: 240px; height: 90px; display: block; float:right; }
.POKER A { width: 240px; height: 90px; display: block; }
.POKER A:hover { background: url(../../images/index2/game_mb_poker.jpg) 0 0 no-repeat; }
.REQ02 { width: 240px; height: 90px; display: block; float:right; }
.REQ02 A { width: 240px; height: 90px; display: block; }
.REQ02:hover { background: url(../../images/index2/game_mb_req.jpg) 0 0 no-repeat; }

.wp_ad { float:right; width:240px; height:200px; margin:0; background:url(../../images/index2/ad_text.jpg) 0 0 no-repeat }

.game_select { width: 355px; height: 112px; margin: 0; padding: 0; float: left; }
.link { width: 100%; height: 35px; margin: 111px 0 0; padding: 0; float:left; }
.link_1 { width: 100%; height: 35px; margin: 0; padding: 0; float:left; background:url(../../images/index2/list_bar.png) 0 100% no-repeat; }
.fb-link { width: 160px; height: 34px; margin: 0; padding: 0; float: left; }
.facebook { margin: 8px 0 0 10px; padding: 0; float: left; }

.site-link { width: 68px; height: 34px; margin: 0; padding: 0; float: right; }
.site-link .facebook { width: 24px; height: 24px; margin: 5px 4px; padding: 0; float: right; background:url(../../images/index2/icon_facebook.png) 0 100% no-repeat; }
.site-link .facebook A { width: 24px; height: 24px; display: block; cursor: pointer; }
.site-link .facebook A:hover { background:url(../../images/index2/icon_facebook.png) 0 100% no-repeat; }
.site-link .official { width: 24px; height: 24px; margin: 5px 4px; padding: 0; float: right; background:url(../../images/index2/icon_official.png) 0 100% no-repeat; }
.site-link .official A { width: 24px; height: 24px; display: block; cursor: pointer; }
.site-link .official A:hover { background:url(../../images/index2/icon_official.png) 0 100% no-repeat; }



/* Footer Section Layer*************************/
#Cont_Footer { width: 1000px; height: 80px; margin: 0px auto; padding: 0; background: url(../../images/index2/bg_bottom.jpg) 0 0 no-repeat; }
.blank { width: 280px; height: 60px; margin: 0; padding: 0; float: left; }
.copyright { width: 400px; height: 50px; margin: 18px 0 0; padding: 0; font-family: 'Oxygen', sans-serif; font-size: 13px; color: #8b8b8b; text-align: center; line-height: 20px; float: left; }
.copyright A { color: #666; text-decoration: none; }
.copyright A:hover { color: #999; }
.blog { width: 320px; height: 60px; margin: 0; padding: 0; float: left; }
.blog A { width: 310px; height: 60px; display: block; }




/****** Google Fonts *******/
@import url(https://fonts.googleapis.com/css?family=Oxygen);